<template>
	<view class="bg-white main-body">
		<cu-custom :isBack="true" backRouterName="pollution" backFlag="navigate">
			<block slot="backText">返回</block>
			<block slot="content">{{bartitle}}</block>
		</cu-custom>
		<view class="container" style="padding: 0 10px;" :style="[{marginTop:'calc('+CustomBar+ 'px - 2px)'}]">

			<!-- <view class="item_1" style="padding-top: 12px;" v-if="!isAdd">
				
				<text class="good-name">检查地点：{{editForm.address}}</text>

			</view> -->
			<view class="item_1" style="padding-top: 12px;" v-if="!isAdd||type==1"><text
					class="good-price">检查时间：{{editForm.updateTime?editForm.updateTime.substring(0,editForm.updateTime.length-3):'暂无'}}</text>
			</view>
			<view style="height: 15px;"></view>
			<view class="img-box" style="height:227px;">
				<!-- <text class="good-name">检查照片</text> -->
				<!-- <view class="padding flex flex-direction"> -->
				<text class="good-name" v-if="editForm.imageList.length==0&&!isAdd">暂无图片</text>
				<my-image-upload v-if="isAdd&&type==0" :value2="[]" :label="text" @getData='testData' />
				<my-image-upload v-if="isAdd&&type==1" :value2="editForm.imageList" :isBase="true" :label="text"
					@getData='testData' />
				<view v-if="editForm.imageList.length>0&&!isAdd">
					<view class="cu-form-group">
						<view class="grid col-4 grid-square flex-sub">
							<view class="bg-img" v-for="(item,index) in editForm.imageList" :key="index"
								@tap="ViewImage(item,index)">
								<!-- <image :src="imgList[index]" mode="aspectFill"></image> -->
								<image :src=" 'data:image/png;base64,' + item.imageThumbnail" style="width: 100%;">
									</img>
									<!-- <view class="cu-tag bg-red"  :data-index="index">
									<text class='cuIcon-close'></text>
								</view> -->
							</view>
							<!-- 				<view class="solids" @tap="ChooseImage" v-if="imgList.length<maxImg">
								<text class='cuIcon-cameraadd'></text>
							</view> -->
						</view>
					</view>

				</view>

				<!-- </view> -->
			</view>
			<view style="height: 15px;"></view>
			<view class="img-box" style="margin-bottom: 15px;">
				<view class="uni-padding-wrap uni-common-mt">
					<form @submit="formSubmit" @reset="formReset" ref="editForm">
						<view class="row_style" style="margin-top: 0px;">
							<!-- <image src="../../static/img/pic_02.png" class="icon" /> -->
							<text class="title">
								<text v-if="isAdd">（必填）</text>
								污染名称:</text>
							<!-- <text v-if="!isAdd" v-model="editForm.pollutionSourceName"
								class="goodName">{{editForm.pollutionSourceName}}</text>
							<input v-if="isAdd" class="uni-input" v-model="editForm.pollutionSourceName" name="goodName"
								placeholder="请输入污染源名称"           /> -->
						</view>
						<view class="colum_style other">
							<u--textarea  :disabled="!isAdd" v-model="editForm.pollutionSourceName" :placeholder="!isAdd?'':'请输入污染名称'" 
								placeholderClass="placeholderStyle" maxlength="-1" autoHeight></u--textarea>

							<!-- <textarea v-if="!isAdd" :disabled="!isAdd"  :auto-height="true" maxlength="-1"						
								name="goodDesc" v-model="editForm.pollutionSourceName" placeholder-style="color:#666666;font-size: 13px;padding-top:20rpx"
								placeholder="请输入污染名称" placeholder-class="placeholderStyle" /> -->
						</view>
						<view class="row_style">
							<!-- <image src="../../static/img/pic_05.png" class="icon" /> -->
							<text class="title"><text v-if="isAdd">（必填）</text>检查地点:</text>
							<!-- <input v-if="isAdd" class="uni-input" v-model="editForm.address" name="goodName" placeholder="请输入检查地点" />
							<text v-if="!isAdd" class="goodName" v-model="editForm.address">{{editForm.address}}</text> -->
						</view>
						<view class="colum_style other" style="">
							<u--textarea :disabled="!isAdd" v-model="editForm.address" :placeholder="!isAdd?'':'请输入检查地点'"
								placeholderClass="placeholderStyle" maxlength="-1" autoHeight></u--textarea>
							<!-- <textarea  v-if="!isAdd" :disabled="!isAdd" :auto-height="true" maxlength="-1" name="goodDesc"
								v-model="editForm.address" placeholder-style="color:#666666" placeholder="请输入检查地点"
								placeholder-class="placeholderStyle" /> -->
						</view>
						<view class="row_style">
							<!-- <image src="../../static/img/pic_04.png" class="icon" /> -->

							<text class="title">
								<text v-if="isAdd">（选填）</text>
								检查情况:</text>
							<!-- <text v-if="!isAdd" class="goodName" >{{editForm.checkedSituation}}</text>	
							<input  v-if="isAdd" class="uni-input" v-model="editForm.checkedSituation"  name="goodPrice" placeholder="请输入检查情况" /> -->
						</view>
						<view class="colum_style other" style="">
							<u--textarea  :disabled="!isAdd" v-model="editForm.checkedSituation" :placeholder="!isAdd?'':'请输入检查情况'" 
								placeholderClass="placeholderStyle" maxlength="-1" autoHeight></u--textarea>
							<!-- <textarea v-if="!isAdd" :disabled="!isAdd" :auto-height="true" maxlength="-1" name="goodDesc"
								v-model="editForm.checkedSituation" placeholder-style="color:#666666"
								placeholder="请输入检查情况" placeholder-class="placeholderStyle" /> -->
						</view>
						<view class="row_style">
							<!-- <image src="../../static/img/pic_03.png" class="icon" /> -->
							<text class="title"><text v-if="isAdd">（选填）</text>存在问题:</text>

						</view>
						<view class="colum_style" style="">
							<u--textarea  :disabled="!isAdd" v-model="editForm.question" :placeholder="!isAdd?'':'请输入问题详情'"
								placeholderClass="placeholderStyle" maxlength="-1" autoHeight></u--textarea>
							<!-- <textarea  v-if="!isAdd" :disabled="!isAdd" :auto-height="true" maxlength="-1" name="goodDesc"
								v-model="editForm.question" placeholder-style="color:#666666" placeholder="请输入问题详情"
								placeholder-class="placeholderStyle" /> -->
						</view>
						<view class="row_style" style="margin-top: 40px;" v-if="isAdd">
							<!-- <view style="width: 70%;
									margin-left: 30%;
									display: flex;
									align-items: center;
									justify-content: space-evenly;">								
							</view> -->
							<button form-type="submit" :loading="loading" :disabled="isSubmit2"
								style=" background: #3c9cff;" class="btnbox cu-btn" plain="true">保存</button>
							<!-- <button @click="add(2)" :disabled="isSubmit" class="btnbox" style="width: 101px;background: #1cbbb4;"
								plain="true">保存并提交</button> -->

						</view>
						<view class="row_style" style="margin-top: 12px;" v-if="isAdd">
							<!-- <view style="width: 70%;
									margin-left: 30%;
									display: flex;
									align-items: center;
									justify-content: space-evenly;">								
							</view> -->
							<!-- <button form-type="submit" :disabled="isSubmit2" style=" background: #3c9cff;"
								class="btnbox" plain="true">保存</button> -->
							<button @click="add(2)" :loading="loading2" :disabled="isSubmit" class="btnbox cu-btn"
								style="background: #1cbbb4;" plain="true">保存并上报</button>

						</view>
						<!-- <view class="colum_style">
							<text class="title">物品图片或视频:</text>
							<view class="padding flex flex-direction">
								<my-image-upload  />
							</view>
							
						</view> -->
						<!-- 	<htz-image-upload :max="19" v-model="ceshiData" mediaType="all" :chooseNum="9"
							:sourceType="['album','camera']" :compress="false" :quality="80"
							:formData="{'businessType': 'ershou'}" :remove="true" @uploadSuccess="ceshiUploadSuccess"
							@imgDelete="ceshiImgDelete" @uploadFail="ceshiUploadFail" :action="mediaActionUrl">
						</htz-image-upload> -->
						<!-- <view class="colum_style" style="width: calc(100% - 8px);">
							<textarea :disabled="!isAdd"
								style="border:solid 1px #d5e5e8;border-radius: 17.86upx;padding: 10px;" name="goodDesc"
								v-model="editForm.question" placeholder-style="color:#666666" placeholder="请输入问题详情" />
							<view class="uni-btn-v" v-if="isAdd" style="margin-bottom: 15px;">
								<view style="width: 60%;margin-left:40%;">
									<button @click="add(2)" :disabled="isSubmit" class="btnbox"
										style="background: #1cbbb4;display: inline-block;float: right;margin-right: 31px;"
										plain="true">提交</button>
									<button form-type="submit" :disabled="isSubmit2"
										style=" background: #3c9cff;display: inline-block;float: right;margin-right: 20px;"
										class="btnbox" plain="true">保存</button>

								</view>

							</view>
						</view> -->


					</form>
				</view>

			</view>


		</view>
	</view>
</template>

<script>
	import api from '@/api/api'
	import {
		mapActions
	} from "vuex"
	import configService from '@/common/service/config.service.js'
	let apiUrl = configService.apiUrl;
	import myImageUpload from '@/components/my-componets/my-image-upload.vue'
	import {
		pathToBase64,
		base64ToPath
	} from '@/js_sdk/mmmm-image-tools'
	export default {
		// mixins: [MescrollMixin], // 使用mixin
		components: {
			myImageUpload
		},
		data() {
			return {
				//接口url
				bartitle: '巡查上报',
				CustomBar: this.CustomBar,
				StatusBar: this.StatusBar,
				type: '',
				dataUrl: '/pollution/getPollutionById',
				addUrl: '/pollution/add',
				modifyUrl: '/pollution/modify',
				showSex: false,
				isSubmit: false,
				isSubmit2: false,
				loading: false,
				loading2: false,
				isAdd: true,
				text: '检查照片',
				rules: {},
				model1: {
					userInfo: {
						sex: '今日',
					},
				},
				editForm: {

					"address": "",
					"imageList": [
						// {
						//   "createTime": "",
						//   "id": "",
						//   "imageDetails": "",
						//   "imageId": "",
						//   "sort": 0,
						//   "wryxxId": ""
						// }
					],
					"pollutionSourceName": "",
					"question": "",
					"status": "",
					"checkedSituation": "",
					// "checkedTime": "",
					// "checker": ""

				},
				actions: [
					[{
							id: 1,
							name: '今日'
						},
						{
							id: 2,
							name: '当月'
						},

					]
				],
				baseUrl: getApp().globalData.baseUrl,
				array: [{
					name: '9成新'
				}, {
					name: '8成新'
				}, {
					name: '7成新'
				}, {
					name: '7成以下'
				}],
				newLevel: 0,
				ceshiData: [

				],
				imgSaveData: [

				],
				picList: [

				],
				oldImgList: [

				],
				oldImgDetailList: [

				],
				incAttachments: "",
				imageList: '',
				userIdentity: '',
				mediaActionUrl: getApp().globalData.baseUrl + '/app/attachment/upload/Media'
			}
		},
		mounted() {},
		onLoad(option) {
			var that = this;
			console.log(this.$store.getters.userIdentity)
			this.userIdentity = this.$store.getters.userIdentity
			console.log(option)
			this.type = option.type;
			if (option.type == '0') {
				this.isAdd = true
				this.bartitle = '巡查上报'
				uni.getLocation({
					type: 'gcj02',
					geocode: true,
					success: function(res) {

						console.log(res)
						console.log('当前位置的经度：' + res.longitude);
						console.log('当前位置的纬度：' + res.latitude);
						let url =
							'https://api.map.baidu.com/reverse_geocoding/v3/?ak=PmTFEuep7FmccxTrTn67TxRn&output=json&coordtype=wgs84ll&location=' +
							res.latitude + ',' + res.longitude;
						that.$http.get(url).then(e => {
							console.log(e)
							that.editForm.address = e.data.result.formatted_address


						}).catch((error) => {
							console.log(error)
						});
					},
					fail: function(res) {
						console.log('当前位置的经度');
					}
				});
				// uni.setNavigationBarTitle({
				// 	title: '专项巡查'
				// });
			} else if (option.type == '1') {
				this.isAdd = true
				this.id = option.id;
				this.getSelect(option.id);
				this.bartitle = '巡查上报'
				// uni.setNavigationBarTitle({
				// 	title: '专项巡查'
				// });

			} else if (option.type == '2') {
				//详情
				this.isAdd = false
				this.id = option.id;
				this.getSelect(option.id);
				this.bartitle = '巡查详情'
				// uni.setNavigationBarTitle({
				// 	title: '专项巡查详情'
				// });
			}


		},
		methods: {
			ViewImage(e, index) {
				console.log(e);
				let _this = this;
				let imgsArray = [];
				//url预览
				this.editForm.imageList.forEach(e => {
					let picUrl = `${apiUrl}/sys/common/static/${e.imageId}`;
					imgsArray.push(picUrl)
				})
				uni.previewImage({
					current: index,
					urls: imgsArray
				})
				//base64
				// let url = `${apiUrl}/pollution/getImageId?imageId=${e.imageId}`;			
				// uni.showLoading({
				// 	title: '预览加载中'
				// });				
				// console.log(e.imageThumbnail);
				// //data:image/jpeg;base64
				// base64ToPath('data:image/png;base64,'+e.imageThumbnail).then(path => {
				// 	console.log(path);
				// 	uni.hideLoading();
				// 	imgsArray[0] = path
				// 	uni.previewImage({
				// 		current: 0,
				// 		urls: imgsArray
				// 	})
				// })
			},
			testData(data) {
				console.log(data)
				// this.editForm.imageList = [];
				let arr = data.split(',');
				this.picList = arr;

				// this.editForm.imageList = data.split(',')
			},
			submit() {
				this.add()
			},
			add(index) {

				if (this.editForm.pollutionSourceName == '') {
					uni.showToast({
						title: "请填写污染源名称!",
						icon: "none"
					});
					return;
				}
				if (this.editForm.address == '') {
					uni.showToast({
						title: "请填写检查地点!",
						icon: "none"
					});
					return;
				}
				this.isSubmit = true
				this.loading2 = true
				console.log('----imageList', this.editForm.imageList)
				this.picList.forEach((e, index) => {
					console.log(this.editForm.imageList.filter(j => j.imageId == e))
					if (!this.oldImgList.includes(e)) {
						let obj = {}
						obj.imageId = e;
						obj.sort = index
						this.editForm.imageList.push(obj)
					}

				})
				this.editForm.imageList.forEach((e, index) => {
					e.sort = index
				})
				console.log('----imageList', this.editForm.imageList)
				let params = Object.assign({}, this.editForm)
				params.status = index.toString()
				if (!params.id) {
					// this.$tip.toast('请先保存再提交!')

					this.$http.post(this.addUrl, params).then(res => {
						if (res.data.code == 200) {
							params.id = res.data.result.id;
							params.imageList = res.data.result.imageList;
							console.log(params)
							this.$http.post(this.modifyUrl, params).then(res => {
								console.log(res)
								this.isSubmit = false
								this.loading2 = false
								// uni.hideLoading()
								if (res.data.code == 200) {
									console.log(res.data)
									// this.$tip.toast('提交成功!')
									// this.$Router.push({
									// 	name: 'pollution'
									// })
									uni.navigateBack();
									// uni.navigateBack();
									// if (this.userIdentity == 1) {
									// 	uni.navigateTo({
									// 		url: "/pages/pollution/index?checkTime=" + checkTime + "&status=" + status + "&queryType=" + type
									// 	})
									// }else{
									//  uni.navigateTo({
									//  	url: "/pages/pollution/index?checkTime=" + checkTime + "&status=" + status + "&queryType=" + type
									//  })
									// }


								}

							}).catch((error) => {
								console.log(error)
								this.isSubmit = false
								this.loading2 = false
								//  uni.showToast({
								// icon: 'none',
								// title: `${error}`
								// });
							}).finally(() => {
								this.loading2 = false;
							});;
						}

					})
				} else {
					console.log(params)
					this.$http.post(this.modifyUrl, params).then(res => {
						console.log(res)
						this.isSubmit = false
						this.loading2 = false
						// uni.hideLoading()
						if (res.data.code == 200) {
							console.log(res.data)
							// this.$tip.toast('提交成功!')
							// this.$Router.push({
							// 	name: 'pollution'
							// })
							uni.navigateBack();

						}

					}).catch((error) => {
						console.log(error)
						this.isSubmit = false
						this.loading2 = false
						//  uni.showToast({
						// icon: 'none',
						// title: `${error}`
						// });
					}).finally(() => {
						this.loading2 = false;
					});;
				}

			},
			getSelect(id) {
				uni.showLoading({
					title: '加载中...',
					// mask: true
				});
				let params = {
					id: id,
				};
				var _that = this;
				this.$http.get(this.dataUrl, {
					params: params
				}).then(res => {
					console.log(res)
					uni.hideLoading()
					// uni.hideLoading()
					if (res.data.code == 200) {
						console.log(res.data.result)
						_that.editForm = res.data.result;
						_that.editForm.pollutionSourceName = res.data.result.pollutionSourceName;
						_that.$set(_that.editForm,'pollutionSourceName',res.data.result.pollutionSourceName)
						_that.$forceUpdate();
						console.log(_that.editForm.pollutionSourceName);
						this.oldImgList = []
						if (this.editForm.imageList && this.editForm.imageList.length > 0) {
							this.editForm.imageList.forEach((e, index) => {
								// e.imageDetails = e.imageThumbnail;
								e.imageThumbnail = e.imageThumbnail.replace(/[\r\n]/g, "");
								this.oldImgList.push(e.imageId)
								if (index == 0) {
									this.imageList = e.imageThumbnail
								} else {
									this.imageList = this.imageList + ',' + e.imageThumbnail
								}


							})
							this.imgSaveData = this.editForm.imageList;
						}



					}

				}).catch((error) => {
					console.log(error)
					uni.hideLoading()
					//  uni.showToast({
					// icon: 'none',
					// title: `${error}`
					// });
				});

			},
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为：' + e.detail.value)
				this.newLevel = e.detail.value;


			},
			formSubmit(e) {

				if (this.editForm.pollutionSourceName == '') {
					uni.showToast({
						title: "请填写污染源名称!",
						icon: "none"
					});
					return;
				}
				if (this.editForm.address == '') {
					uni.showToast({
						title: "请填写检查地点!",
						icon: "none"
					});
					return;
				}
				this.isSubmit2 = true
				this.loading = true
				this.editForm.imageList.forEach((o, index) => {
					if (!this.picList.includes(o.imageId)) {
						this.editForm.imageList.splice(index, 1)
					}
				})
				console.log('----imageList', this.editForm.imageList)
				this.picList.forEach((e, index) => {
					console.log(this.editForm.imageList.filter(j => j.imageId == e))
					if (!this.oldImgList.includes(e)) {
						let obj = {}
						obj.imageId = e;
						obj.sort = index
						this.editForm.imageList.push(obj)
					}

				})
				this.editForm.imageList.forEach((e, index) => {
					e.sort = index
				})
				console.log('----imageList', this.editForm.imageList)

				console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
				let params = Object.assign({}, this.editForm)
				params.status = 1
				console.log(params)
				let url;
				if (this.isAdd && this.type == 0) {
					url = this.addUrl
				} else {
					url = this.modifyUrl
				}
				this.$http.post(url, params).then(res => {
					console.log(res)
					this.loading = false
					this.isSubmit2 = false
					if (res.data.code == 200) {
						console.log(res.data)
						// this.$tip.toast('提交成功!')
						//this.$router.go(-1)
						uni.navigateBack();
						// if (this.userIdentity == 1) {
						// 	return
						// }
						// uni.navigateTo({
						// 	url: "/pages/pollution/index?checkTime=" + checkTime + "&status=" + status + "&queryType=" + type
						// })

					}

				}).catch((error) => {
					console.log(error)
					this.isSubmit2 = false
					this.loading = false
					//  uni.showToast({
					// icon: 'none',
					// title: `${error}`
					// });
				}).finally(() => {
					this.loading = false;
				});
				//定义表单规则
				// var rule = [{
				// 		name: "goodName",
				// 		checkType: "string",
				// 		checkRule: "1,10",
				// 		errorMsg: "物品名称应为1-10个字符"
				// 	},
				// 	{
				// 		name: "goodDesc",
				// 		checkType: "string",
				// 		checkRule: "20,",
				// 		errorMsg: "物品描述不少20个字符"
				// 	},

				// ];
				//进行表单检查
				// var formData = e.detail.value;
				// var incAttachments = this.incAttachments.substring(0, this.incAttachments.length - 1);
				// formData["incAttachments"] = incAttachments;
				// formData["newLevel"] = this.newLevel;
				// var checkRes = graceChecker.check(formData, rule);
				// if (checkRes) {
				// 	if (this.ceshiData.length <= 0) {
				// 		uni.showToast({
				// 			title: "请添加物品图片或视频!",
				// 			icon: "none"
				// 		});
				// 		return;
				// 	}

				// 	if (formData['goodPrice'].length <= 0) {
				// 		uni.showToast({
				// 			title: "请输入价格!",
				// 			icon: "none"
				// 		});
				// 		return;
				// 	}

				// 	//uni.showToast({title:"验证通过!", icon:"none"});

				// 	uni.request({
				// 		url: getApp().globalData.baseUrl + "/app/secondHand/add",
				// 		data: JSON.stringify(formData),
				// 		method: "post",
				// 		success: (res) => {
				// 			uni.showToast({
				// 				title: "提交成功!",
				// 				icon: "none"
				// 			});
				// 			console.log(JSON.stringify(res));
				// 			uni.navigateBack({

				// 			});

				// 		},
				// 		fail: (res) => {
				// 			uni.showToast({
				// 				title: "提交成功!",
				// 				icon: "none"
				// 			});
				// 		}
				// 	});



				// } else {
				// 	uni.showToast({
				// 		title: graceChecker.error,
				// 		icon: "none"
				// 	});
				// }
			},
			ceshiUploadSuccess(res) { //上传成功
				console.log('res', this)
				/****************
				因为上传接口返回的结构不一致，所以以下代码需要根据实际的接口返回结构开发，在此只是展示如果给数组里添加的过程，仅供参考
				***************/
				var _res = JSON.parse(res.data);
				console.log('_res', _res)
				if (_res.success) {

					this.ceshiData.push(getApp().globalData.host + "/" + _res.data.path);
					this.incAttachments += _res.data.id + ",";
				}
				/*******************************/
			},
			ceshiUploadFail(err) { //上传失败
				console.log('err', err)
			},
			ceshiImgDelete(e) {
				console.log('ceshiImgDelete', e)
			},
			formReset: function(e) {
				console.log('清空数据')
			},
			goDetail(row) {
				console.log(row)
				this.$Router.push({
					name: 'pollutiondetail'
				})
			},
			//u-picker确定
			confirm(e) {
				this.showSex = false;
				this.model1.userInfo.sex = e.value[0].name;
				this.getSelect();

			},
			getImgUrl(icon) {
				console.log("getApp().globalData.host:" + getApp().globalData.host);
				return getApp().globalData.host + icon;
			},


		}
	}
</script>

<style lang="scss" scoped>
	.goodName {
		font-size: 30upx;
		line-height: 19px;
		color: #999999;
		padding-left: 10px;
	}
	/deep/ .u-textarea__field {
	    flex: 1;
	    font-size: 13px !important;
	    color: #606266;
	    width: 100%;
	}

	.cu-btn {
		width: calc(100% - 70upx);
		height: 90.71upx;
		/* background-color: #1bc7ff; */
		background-image: linear-gradient(0deg,
				#009cdd 0%,
				#29cd94 100%),
			linear-gradient(#1082ff,
				#1082ff);
		font-size: 21px;


		border-radius: 45upx;
	}

	.cu-btn /deep/ span {
		/* color:#fff; */
		// font-size: 38.57upx;
		font-size: 21px !important;
		color: #fff;
		line-height: 90.71upx;
	}

	/deep/ uni-textarea {
		width: 100%;
		height: auto !important;
		min-height: 50px;
		// height: 228.57upx !important;
	}

	.icon {
		// display: inline-block;
		width: 27.86upx;
		height: 29.29upx;
		// position: relative;
		// top:1px;
		margin-right: 5px;
	}
	/deep/ .u-textarea--disabled {
	    background-color: #fff !important;
	}

	/deep/ .cu-custom {
		background-image: linear-gradient(45deg, #1cbbb4, #1cbbb4);
		color: #ffffff;
		position: fixed;
		width: 100%;
		z-index: 1024;
	}

	/deep/ .uni-textarea-textarea {
		min-height: 228.57upx;
		width: 100%;
		/* padding: 0 12px; */
		border-radius: 21.43upx;
		box-sizing: border-box;
		font-size: 13px;
		padding: 10px;
	}

	.other /deep/ textarea {
		// min-height: 61px;
		font-size: 13px;

	}

	textarea {
		font-size: 13px;
		// width: 100%;
		// border:1px solid  #d5e5e8;
		// border-radius: 17.86upx;
		// padding:1px 5px 0 5px;
		// line-height: 20px;

	}

	/deep/ .grid.grid-square>uni-view {
		background-color: #ebebeb;
	}

	/deep/ .uni-input-placeholder {
		font-size: 30upx;

		// line-height: 16px; 
		line-height: 23px;
		color: #999999 !important;
	}

	.uni-btn-v {
		display: flex;
		margin-top: 20px;
		justify-content: space-around;
		align-items: center;
		flex-direction: row-reverse;
	}

	/deep/ .uni-input-input {
		font-size: 12px;
	}

	.main-body {
		width: 100vw;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
		//background: url() no-repeat;
		background-size: 100% 100%;
	}

	.btnbox {
		color: #fff !important;
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
		// height: 28px;
		// width: 285.71upx;

		// 	height: 93.57upx;
		// line-height: 28px;
		// background-image: linear-gradient(0deg, 
		// 	#009cdd 0%, 
		// 	#29cd94 100%), 
		// linear-gradient(
		// 	#1bbcad, 
		// 	#1bbcad);
		/* 	background-blend-mode: normal, 
				normal; */
		border-radius: 45.71upx;
		border: none !important;
	}

	.item_1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		color: #666666;
	}

	.img-box {
		/* width: 100vw; */
		border: solid 1px #d5e5e8;
		// height: 540.71upx;
		//height: 333px;
		color: #666666;
		padding: 38.57upx;
		background-color: #ffffff;
		border-radius: 17.86upx;
	}

	.uni-form-item .title {
		width: 150rpx;
		text-align: right;
	}

	.title {

		white-space: nowrap;
	}

	.uni-input {
		/* width: 560rpx; */
		width: 100%;
		margin-left: 10rpx;
	}

	.row_style {
		display: flex;
		flex-direction: row;
		/* margin-left: 15rpx;
		margin-right: 15rpx; */
		align-items: center;
		margin-top: 30upx;

		.title {
			font-size: 30upx;

			/* line-height: 16px; */
			color: #666666;
		}


	}

	/deep/ .uni-input-wrapper {
		// padding-left: 10px;
	}

	.placeholderStyle {
		font-size: 13px;
		// padding: 10rpx 10rpx;
		color: #666666;
		// font-size: 13px;
		// padding-top:20rpx
	}

	.colum_style {
		display: flex;
		align-items: center;
		// flex-direction: column;
		// margin-left: 15rpx;
		// margin-right: 15rpx;
		margin-top: 15rpx;

	}
</style>
